#dock {
	font-family: Verdana, Arial, sans-serif; font-size: 1em; 
	margin:0px;
	padding:0px;
	list-style:none;
	position:fixed;
	top:0px;
	height:100%;
	z-index:100;
	color: #ffffff;
	left:0px;
}
#dock a
{
	color: #eeeeee;
	text-decoration: none;
}
#dock a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#dock > li {
	width:40px;
	height:120px;
	margin: 0 0 1px 0;
	color: #ffffff;
	border-bottom: 1px dotted #444444;
}

#dock li ul
{
	overflow:auto;	
}
/* panels */
#dock ul li {
	padding:5px;
	border: 1px dotted #444444;
}
#dock ul li:hover {
	color: #ffffff;
	border: 1px dotted #444444;
}
#dock ul li.header, #dock ul li .header:hover {
	color: #ffffff;
	font-weight:bolder;
	border: solid 1px #F1F1F1;
}
#dock > li:hover ul {
	display:block;
}
#dock > li ul {
	position:absolute;
	top:0px;
	left:-220px;
	z-index:-1;
	width:220px;
	display:none;
	color: #ffffff;
	border: 1px solid #444444;
	padding:0px;
	margin:0px;
	list-style:none;
}
#dock > li ul.docked {
	display:block;
	z-index:-2;
}
.dock, .undock {
	float:right;
}
.undock {
	display:none;
}

.rotate
{
	
	font-weight:bolder;
	position:relative;
	top:40px;
	left: -30px;
	width:120px;
	     -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
      -ms-transform: rotate(-90deg);  /* IE9 */
          transform: rotate(-90deg); 
}
